<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

<!--在这里进行全局页面的调整，这里面的代码放到App.vue里面貌似应该也生效，还没有验证-->
<style lang="scss">
  html,body,#app{
    padding:0px;
    margin:0px;
    height:100%;
  }


  element.style{
    margin-bottom: 0px;
    margin-right: 0px;

  }
  .el-scrollbar__wrap{
    overflow-x: hidden;
  }

  .scroll {
    height: 100% ;
    overflow-y: hidden;
  }

  .el-scrollbar{
    height: 100%;
  }

  .el-scrollbar__bar{
    &.is-vertical {
      width: 50px; //滚动条宽度
    }
  }


  .el-icon-delete{
    color:red
  }

  .el-dialog__header {
    border-bottom: 1px solid #ebebeb;
  }

  .item .el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
  }
  .app-container{
    padding: 15px;
  }

  .el-pagination {
    float: right;
  }


</style>
